<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>宠四方</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<link  rel="stylesheet" href="resources/css/c4f.css" />
	<script src="resources/js/jquery-1.4.2.min.js" type="text/javascript"></script>
	<script src="resources/js/jquery.ui.position.min.js" type="text/javascript"></script>
	<script src="resources/js/jquery.d.imagechange.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="resources/js/jquery.flow.1.2.auto.js"></script>	
</head>
<body>
	

	
<div class="bdbox">
	<div class="innerbox">
		<div class="topp">
			<span class="uinfo"><a href="###">免费注册</a><a href="###">登录</a></span>
			<span class="cities">
				<a class="lc">切换城市:</a>
				<a href="###" class="active">北京</a>
				<a href="###" >上海</a>
				<a href="###" >深圳</a>
				<a href="###" >广州</a>
				<a href="###" >重庆</a>
				<a href="###" class="othercities" >其他城市</a>
			</span>
		</div>
		
		<div class="logobox">
			<a href="###" class="hdlogo" title="宠四方首页">logo</a>
			
			<div class="searchbox">
				<ol class="qtypes" id="qtypes">
					<li class="ctype">全部</li>
					<li>宠物</li>
					<li>宠友</li>
					<li>论坛</li>
					<li>分类</li>
					<li>服务商</li>
				</ol>
				<div class="qbox">
					<input type="text" class="txtq" placeholder="关键字" />
					<input type="button" class="btnq" value="搜索" />
				</div>
			</div>
			<script type="text/javascript">$("#qtypes >li").click(function(){$("#qtypes .ctype").removeClass("ctype");$(this).addClass("ctype");});</script>
			
			<div class="rtm">
				<a href="###">免费发布个人信息</a>
				<a href="###">免费发布个人信息</a>
			</div>
			<!--[if gt IE 6]>
			<div class="navbg"></div>
			<![endif]-->
			<div class="nav" id="nav">
				<ul>
					<li class="pngfix  nav1"><a href="###" class="navitem">首页</a></li>
					<li class="pngfix  nav2"><a href="###" class="navitem">宠物有约</a></li>
					<li class="pngfix  nav3" id="nav3">
						<a href="###"  class="navitem">论坛</a>
						<div class="navsub" id="nav3sub">
							<a href="###">宠宠有约宠宠有约</a>
							<a href="###">宠宠有约</a>
							<a href="###">宠宠有约</a>
							<a href="###">宠宠有约</a>
						</div>
					</li>
					<li class="pngfix  nav4"><a href="###"  class="navitem">咨询</a></li>
					<li class="pngfix  nav5"><a href="###"  class="navitem">分类</a></li>
					<li class="pngfix  nav6"><a href="###"  class="navitem">商户</a></li>
				</ul>
			</div>
			<script type="text/javascript">
				$("#nav li").hover(function(){
					$(".navsub",this).show("fast");
				},function(){
					$(".navsub",this).hide();
				});
			</script>
		</div>
		
		<div class="imgnewsbox clearfix">
			<div class="imgbox" id="imgbox"></div>
<script type="text/javascript">
	var image_news=[
		{title:'标题1',desc:'描述1',src:'demoimages/1.jpg',href:'###'},
		{title:'标题2',desc:'描述2',src:'demoimages/2.jpg',href:'###'},
		{title:'标题3',desc:'描述3',src:'demoimages/1.jpg',href:'###'},
		{title:'标题4',desc:'描述4',src:'demoimages/2.jpg',href:'###'},
		{title:'标题5',desc:'描述5',src:'demoimages/1.jpg',href:'###'},
		{title:'标题6',desc:'描述6',src:'demoimages/2.jpg',href:'###'}
	];
		$("#imgbox").d_imagechange({
			data:image_news,
			width:$("#imgbox").innerWidth(),
			height:$("#imgbox").innerHeight(),
			animateStyle:'x'
		});
</script>
			<div class="newsbox">
				<div id="news">
					<ul  class="news clearfix">
						<li class="newsactive" id="nc1"><a href="###">分类1</a></li>
						<li id="nc2"><a href="###">分类2</a></li>
						<li id="nc3"><a href="###">分类3</a></li>
						<li id="nc4"><a href="###">分类4</a></li>
						<li id="nc5"><a href="###">分类6</a></li>
					</ul>
					<div class="newscat" id="nc1news">
						<table border="0">
							<tr>
								<td class="newsimg"   valign="top" align="left">
									<a href="###"><img src="demoimages/newsimg.jpg" /></a>
								</td>
								<td  valign="top" class="newscontent">
									<h4><a href="###">新闻标题新闻标题</a></h4>
									<p>新闻详细内容新闻详细内容新闻详细内容新闻详细内容新闻详细内容新闻详细内容新闻详细内容新闻详细内容</p>
								</td>
							</tr>
							<tr>
								<td class="newsimg"    valign="top" align="left">
									<a href="###"><img src="demoimages/newsimg.jpg" /></a>
								</td>
								<td valign="top" class="newscontent">
									<h4><a href="###">新闻标题新闻标题</a></h4>
									<p>新闻详细内容新闻详细内容新闻详细内容新闻详细内容新闻详细内容新闻详细内容新闻详细内容新闻详细内容</p>
								</td>
							</tr>
						</table>
					</div>
					<div class="newscat" id="nc2news">内容2</div>
					<div class="newscat" id="nc3news">内容3</div>
					<div class="newscat" id="nc4news">内容4</div>
					<div class="newscat" id="nc5news">内容5</div>
					<div class="newscat" id="nc6news">内容6</div>
				</div>
				<script type="text/javascript">
					$(function(){
						function applyNewTab(){
							$("#news .newscat").hide();
							$("#"+$("#news .newsactive").attr("id")+"news").show();
						}
						applyNewTab();
						$("#news li").click(function(){
							$("#news .newsactive").removeClass("newsactive");
							$(this).addClass("newsactive");
							applyNewTab();
						});
					});
				</script>
			</div>
		</div>
		
		<div class="cnav">
			<span class="cnavright">
				北京分类信息 &nbsp; 共13622条信息&nbsp;
				<a href="###" class="rss">RSS订阅</a>
			</span>
			<span class="current">
				<a href="###">首页</a>&gt;&gt;<a href="###">分类广告</a>
			</span>
		</div>
		
		<div class="bd2 clearfix">
			<div class="bd2left">
				<dl  class="leftlist" id="leftlist">
					<dt class="lt1">宠物服务分类</dt>
					<dd class="lc1">
						<p><a href="###">宠物食品</a><a href="###">宠物食品</a></p>
						<p><a href="###">宠物食品</a><a href="###">宠物食品</a></p>
						<p><a href="###">宠物食品</a><a href="###">宠物食品</a></p>
						<p><a href="###">宠物食品</a><a href="###">宠物食品</a></p>
						<p><a href="###">宠物食品</a><a href="###">宠物食品</a></p>
						<p><a href="###">宠物食品</a><a href="###">宠物食品</a></p>
						<p><a href="###">宠物食品</a><a href="###">宠物食品</a></p>
						<p><a href="###">宠物食品</a><a href="###" class="more"><span>更多</span></a></p>
						<div class="morecategory">
							<p><a href="###">宠物食品</a><a href="###">宠物食品</a></p>
							<p><a href="###">宠物食品</a><a href="###">宠物食品</a></p>
							<p><a href="###">宠物食品</a><a href="###">宠物食品</a></p>
							<p><a href="###">宠物食品</a><a href="###">宠物食品</a></p>
							<p><a href="###">宠物食品</a><a href="###">宠物食品</a></p>
							<p><a href="###">宠物食品</a><a href="###">宠物食品</a></p>
							<p><a href="###">宠物食品</a><a href="###">宠物食品</a></p>
						</div>
					</dd>
					<dt class="lt2">宠物生活圈</dt>
					<dd class="lc2">
						<p><a href="###">建外大街</a><a href="###">五道口</a></p>
						<p><a href="###">建外大街</a><a href="###">五道口</a></p>
						<p><a href="###">建外大街</a><a href="###">五道口</a></p>
						<p><a href="###">建外大街</a><a href="###">五道口</a></p>
						<p><a href="###">建外大街</a><a href="###">五道口</a></p>
						<p><a href="###">建外大街</a><a href="###">五道口</a></p>
						<p><a href="###">建外大街</a><a href="###" class="more"><span>更多</span></a></p>
						<div class="morecategory">
							<p><a href="###">建外大街</a><a href="###">五道口</a></p>
							<p><a href="###">建外大街</a><a href="###">五道口</a></p>
							<p><a href="###">建外大街</a><a href="###">五道口</a></p>
							<p><a href="###">建外大街</a><a href="###">五道口</a></p>
							<p><a href="###">建外大街</a><a href="###">五道口</a></p>
							<p><a href="###">建外大街</a><a href="###">五道口</a></p>
						</div>
					</dd>
					<dt class="lt3">城市区域</dt>
					<dd class="lc3">
						<p><a href="###">东城区</a><a href="###">通州区</a></p>
						<p><a href="###">东城区</a><a href="###">通州区</a></p>
						<p><a href="###">东城区</a><a href="###">通州区</a></p>
						<p><a href="###">东城区</a><a href="###">通州区</a></p>
						<p><a href="###">东城区</a><a href="###" class="more"><span>更多</span></a></p>
						<div class="morecategory">
							<p><a href="###">建外大街</a><a href="###">五道口</a></p>
							<p><a href="###">建外大街</a><a href="###">五道口</a></p>
							<p><a href="###">建外大街</a><a href="###">五道口</a></p>
							<p><a href="###">建外大街</a><a href="###">五道口</a></p>
							<p><a href="###">建外大街</a><a href="###">五道口</a></p>
							<p><a href="###">建外大街</a><a href="###">五道口</a></p>
						</div>
					</dd>
					<dt class="lt4">服务评级</dt>
					<dd class="lc5">
						<a href="###" class=" " id="currate" title="一星"></a>
						<a href="###" class=" "  title="二星"></a>
						<a href="###" class=" "  title="三星"></a>
						<a href="###" class=""  title="四星"></a>
						<a href="###" class=""  title="五星"></a>
					</dd>
					<dt class="lt5">价格区间</dt>
					<dd class="lc5 lc6">
						<a href="###" class=" " id="currate">100元以下</a>
						<a href="###" class=" ">100-200元</a>
						<a href="###" class=" ">200-500元</a>
						<a href="###" class="">500元以上</a>
					</dd>
					
					<div style="height:300px; background-color:#ccc;margin-top:10px;"></div>
				</dl>
				<script type="text/javascript">
					$(function(){
						function hidemore(ddcn){
							$("> .temp"+ddcn,document.body).remove();
							$(document.body).unbind("click",hidemore);
						}
						$("#leftlist .more").click(function(e){
							var _this= this;
							var offset = $(this).offset()
							offset.top +=$(this).outerHeight();
							var $dd= $(this).parents("dd");
							var ddcn= $dd[0].className;
							if($("> .temp"+ddcn,document.body).length==0){
								$dd.find(".morecategory").clone().addClass("temp"+ddcn).appendTo(document.body).css(offset).show();
								$(document.body).bind("click",function(){
									 hidemore(ddcn);
								});
							}else{
								hidemore(ddcn);
							}
							e.stopPropagation();
						});
					});
				</script>
				
				
			</div>
			<div class="bd2center">
				<div class="cf2c clearfix">
					<div class="cf2left">
					
						<div class="listad"></div>
						<div class="cf2bd cf2bd2 clearfix">
							<div class="cf2bdleft">
								<div class="cf2bdt"><a href="###" class="more">更多</a>最佳宠物集市</div>
								<div class="cf2bdc">
									<ul>
										<li>
											<a href="###" class="dogimg"><img src="demoimages/cfdog.gif" /></a>
											<p>出售赛级松狮宝宝</p>
											<p><a href="###">通州</a>-松狮犬</p>
											<p>发布<font color="#444">3-20</font></p>
										</li>
										<li>
											<a href="###" class="dogimg"><img src="demoimages/cfdog.gif" /></a>
											<p>出售赛级松狮宝宝</p>
											<p><a href="###">通州</a>-松狮犬</p>
											<p>发布<font color="#444">3-20</font></p>
										</li>
										<li class="last">
											<a href="###" class="dogimg"><img src="demoimages/cfdog.gif" /></a>
											<p>出售赛级松狮宝宝</p>
											<p><a href="###">通州</a>-松狮犬</p>
											<p>发布<font color="#444">3-20</font></p>
										</li>
									</ul>
								</div>
							</div>
							<div class="cf2bdright">
								<div class="cf2bdt"><a href="###" class="more">更多</a>最佳宠物医院</div>
								<div class="cf2bdc">
									<ul>
										<li>
											<a href="###" class="dogimg"><img src="demoimages/cfdog.gif" /></a>
											<p>出售赛级松狮宝宝</p>
											<p><a href="###">通州</a>-松狮犬</p>
											<p>发布<font color="#444">3-20</font></p>
										</li>
										<li>
											<a href="###" class="dogimg"><img src="demoimages/cfdog.gif" /></a>
											<p>出售赛级松狮宝宝</p>
											<p><a href="###">通州</a>-松狮犬</p>
											<p>发布<font color="#444">3-20</font></p>
										</li>
										<li class="last">
											<a href="###" class="dogimg"><img src="demoimages/cfdog.gif" /></a>
											<p>出售赛级松狮宝宝</p>
											<p><a href="###">通州</a>-松狮犬</p>
											<p>发布<font color="#444">3-20</font></p>
										</li>
									</ul>
								</div>
							</div>
						</div>
						
						<div class="petcomment">
							<div class="pct"><b>最新点评</b><img src="resources/images/new.jpg"/></div>
							<ul class="pcc">
								<li>
									<span class="imgc"><img src="demoimages/cat1small.gif" /></span>
									<p><b class="petname inlineblock">西瓜@通州狗市</b><span class="inlineblock srate srate2">&nbsp;</span></p>
									<p>这狗子不错哦。。。。</p>
								</li>
								<li>
									<span class="imgc"><img src="demoimages/cat1small.gif" /></span>
									<p><b class="petname inlineblock">西瓜@通州狗市</b><span class="inlineblock srate srate2">&nbsp;</span></p>
									<p>这狗子不错哦。。。。</p>
								</li>
								<li>
									<span class="imgc"><img src="demoimages/cat1small.gif" /></span>
									<p><b class="petname inlineblock">西瓜@通州狗市</b><span class="inlineblock srate srate2">&nbsp;</span></p>
									<p>这狗子不错哦。。。。</p>
								</li>
								<li>
									<span class="imgc"><img src="demoimages/cat1small.gif" /></span>
									<p><b class="petname inlineblock">西瓜@通州狗市</b><span class="inlineblock srate srate2">&nbsp;</span></p>
									<p>这狗子不错哦。。。。</p>
								</li>
								<li>
									<span class="imgc"><img src="demoimages/cat1small.gif" /></span>
									<p><b class="petname inlineblock">西瓜@通州狗市</b><span class="inlineblock srate srate2">&nbsp;</span></p>
									<p>这狗子不错哦。。。。</p>
								</li>
								<li>
									<span class="imgc"><img src="demoimages/cat1small.gif" /></span>
									<p><b class="petname inlineblock">西瓜@通州狗市</b><span class="inlineblock srate srate2">&nbsp;</span></p>
									<p>这狗子不错哦。。。。</p>
								</li>
								<li>
									<span class="imgc"><img src="demoimages/cat1small.gif" /></span>
									<p><b class="petname inlineblock">西瓜@通州狗市</b><span class="inlineblock srate srate2">&nbsp;</span></p>
									<p>这狗子不错哦。。。。</p>
								</li>
								<li>
									<span class="imgc"><img src="demoimages/cat1small.gif" /></span>
									<p><b class="petname inlineblock">西瓜@通州狗市</b><span class="inlineblock srate srate2">&nbsp;</span></p>
									<p>这狗子不错哦。。。。</p>
								</li>
								<li>
									<span class="imgc"><img src="demoimages/cat1small.gif" /></span>
									<p><b class="petname inlineblock">西瓜@通州狗市</b><span class="inlineblock srate srate2">&nbsp;</span></p>
									<p>这狗子不错哦。。。。</p>
								</li>
								<li>
									<span class="imgc"><img src="demoimages/cat1small.gif" /></span>
									<p><b class="petname inlineblock">西瓜@通州狗市</b><span class="inlineblock srate srate2">&nbsp;</span></p>
									<p>这狗子不错哦。。。。</p>
								</li>
								<li>
									<span class="imgc"><img src="demoimages/cat1small.gif" /></span>
									<p><b class="petname inlineblock">西瓜@通州狗市</b><span class="inlineblock srate srate2">&nbsp;</span></p>
									<p>这狗子不错哦。。。。</p>
								</li>
								<li>
									<span class="imgc"><img src="demoimages/cat1small.gif" /></span>
									<p><b class="petname inlineblock">西瓜@通州狗市</b><span class="inlineblock srate srate2">&nbsp;</span></p>
									<p>这狗子不错哦。。。。</p>
								</li>
								<li>
									<span class="imgc"><img src="demoimages/cat1small.gif" /></span>
									<p><b class="petname inlineblock">西瓜@通州狗市</b><span class="inlineblock srate srate2">&nbsp;</span></p>
									<p>这狗子不错哦。。。。</p>
								</li>
							</ul>
						</div>
					</div>
					<div class="cf2right">
						
						<div class="cf2rt cf2radt"><a href="###" class="more">更多</a>最近加入商户<img src="resources/images/new.jpg"/></div>
						<div class="cf2rc cf2radc">
							<ul>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">1</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">2</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">3</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">4</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">5</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">6</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">7</span>
								</li>
							</ul>
						</div>
						<div class="cf2p"></div>
						<div class="cf2rtad2"></div>
						<div class="cf2p"></div>
						<div class="cf2rt cf2rbbst"><a href="###" class="more">更多</a>本周最热商户<img src="resources/images/hot.jpg"/></div>
						<div class="cf2rc cf2rbbsc ">
							<ul>
										<li>
											<a href="###" class="bbsdogimg"><img src="demoimages/bbsitem.gif" /></a>
											<p>宠物宝贝用品</p>
											<p><a href="###">通州</a>-松狮犬</p>
										</li>
										<li>
											<a href="###" class="bbsdogimg"><img src="demoimages/bbsitem.gif" /></a>
											<p>宠物宝贝用品</p>
											<p><a href="###">通州</a>-松狮犬</p>
										</li>
										<li class="last">
											<a href="###" class="bbsdogimg"><img src="demoimages/bbsitem.gif" /></a>
											<p>宠物宝贝用品</p>
											<p><a href="###">通州</a>-松狮犬</p>
										</li>
										<li>
											<a href="###" class="bbsdogimg"><img src="demoimages/bbsitem.gif" /></a>
											<p>宠物宝贝用品</p>
											<p><a href="###">通州</a>-松狮犬</p>
										</li>
										<li>
											<a href="###" class="bbsdogimg"><img src="demoimages/bbsitem.gif" /></a>
											<p>宠物宝贝用品</p>
											<p><a href="###">通州</a>-松狮犬</p>
										</li>
										<li class="last">
											<a href="###" class="bbsdogimg"><img src="demoimages/bbsitem.gif" /></a>
											<p>宠物宝贝用品</p>
											<p><a href="###">通州</a>-松狮犬</p>
										</li>
									</ul>
						</div>
					</div>
					
				</div>
			</div>
		</div>
		
		<div class="bottomimgs">
			<a href="###" class="dog"></a>
			<a href="###" class="cat"></a>
			<a href="###" class="other"></a>
		</div>
		
		<div class="buttom">
			<a href="###">联系我们</a>
			<a href="###">关于我们</a>
			<a href="###">广告投放</a>
			<a href="###">电话咨询</a>
		</div>
		<div class="copyright">
			2011&copy;荣中广告（中国）有限公司
		</div>
		
	</div>
</div>
<!--[if IE 6]>
<script type="text/javascript" src="resources/js/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>
  DD_belatedPNG.fix('.pngfix');
</script>
<![endif]-->
</body>
</html>